<template>
    <div>
        <h1>vue的基础语法</h1>
        账号:<input type="text" v-model="info.userName" /><br/>
        密码:<input type="text" v-model="info.userPwd" /><br/>
        <input type="button" value="登录" @click="login" />
    </div>
</template>

<script setup lang="ts">
import{ref,reactive} from 'vue'
//v-model 双向绑定  一般用表单元素  目的获取表单元素的value值
//双向绑定:数据变 视图变  视图变 数据变
//v-bind 单向绑定

let info=reactive({
    userName:'',
    userPwd:''
})

const login=()=>{
    alert('userName'+info.userName+'userPwd:'+info.userPwd)
}
</script>

<style scoped>

</style>